<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<div id="content_work">
  <iframe name="iHide" id="iHide" frameborder="0" width="0" height="0"
    style="display: none"></iframe>
  <!--iframe name="iHide" id="iHide" frameborder="0" width="500" height="200"></iframe//-->
  <form name="form" id="form" action="app_basic_insert.do" method="post">
    <!--  <input type="hidden" name="hidMode" value="I">
  <input type="hidden" name="hidRecruit" id="hidRecruit">
  <input type="hidden" name="hidResume">
  <input type="hidden" name="hidTarget">
  <input type="hidden" name="hidRecruitName">
  <input type="hidden" name="hidTargetName">  
  <input type="hidden" name="SubMenu_Code" value="SUB0403"> -->
    <input type="hidden" name="app_stat" value="N">
    <input type="hidden" name="del_yn" value="N">
    <!-- 컨텐츠 -->
    <div class="work_contents">
      <p class="ma_b25">
        <img
          src="images/recruit/re_support_title.gif"
          alt="지원서접수">
      </p>
      <div class="bg">
        <div>
          <img src="images/recruit/bg_top.gif">
        </div>
        <table width="690" border="0" cellspacing="0" cellpadding="0"
          class="box">
          <colgroup>
            <col width="142px">
            <col width="168px">
            <col width="190px">
            <col width="190px">
          </colgroup>
          <tbody>
            <tr>
              <th class="al_l newcomer_notic_lh2"><img
                src="images/newcomer/info_icon.gif"
                class="ic_6"> 채용구분</th>
              <td colspan="3"><select name="rcrt_num"
                class="select_bx01" id="rcrt_num" style="width: 465px;">
                  <option value="">선택해 주세요</option>
                  <c:forEach var="list" items="${list }">

                    <option value="${list.rcrt_num }">${list.recruit_nm }</option>

                  </c:forEach>
              </select></td>
            </tr>
            <tr class="newcomer_notic_lh2">
              <th class="al_l"><img
                src="images/newcomer/info_icon.gif"
                class="ic_6"> 신입/경력 구분</th>
              <td colspan="3" valign="top" id="tdTarget"><select
                name="recruit_cd" class="select_bx01" id="recruit_cd"
                style="width: 300px;">
                  <option value="">선택해 주세요</option>
                  <option value="N">신입</option>
                  <option value="P">경력</option>

              </select></td>
            </tr>

            <tr class="newcomer_notic_lh3">
              <th class="al_l"><img
                src="images/newcomer/info_icon.gif"
                class="ic_6"> 모집 구분</th>
              <!--      <td colspan="3" valign="top" id="tdType">
        <select name="cboType" class="select_bx01" id="cboType" style="width:300px;">
      <option value="">선택해 주세요</option></select>
   </td>    -->
            </tr>

            <tr class="newcomer_notic_lh2">
              <th class="al_l"><img
                src="images/newcomer/info_icon.gif"
                class="ic_6"> 성명</th>
              <td colspan="3"><b>성</b> <input name="txtFamilyName"
                type="text" class="new_txtfrom" maxlength="10"
                style="width: 30px;" id="txtFamilyName"> <b>명</b> <input
                name="txtFirstName" type="text" class="new_txtfrom"
                maxlength="20" style="width: 73px;" id="txtFirstName"> <input
                type="hidden" name="app_nm" id="test">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
                src="images/newcomer/info_icon.gif"
                class="ic_6"><b> 생년월일 </b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input id="BirthDay_yy" name="BirthDay_yy" type="text"
                class="new_txtfrom" maxlength="4" style="width: 40px;">
                년 <input id="BirthDay_mm" name="BirthDay_mm" type="text"
                class="new_txtfrom" maxlength="2" style="width: 20px;">
                월 <input id="BirthDay_dd" name="BirthDay_dd" type="text"
                class="new_txtfrom" maxlength="2" style="width: 20px;">
                일 <input name="birth" id="birth" type="hidden"></td>
            </tr>

            <tr class="newcomer_notic_lh3">
              <th class="al_l">&nbsp;</th>
              <td colspan="3" valign="top"><b>(예시</b>- <b>이름:</b>홍길동, <b>성:</b>홍,
                <b>명:</b>길동<b>)</b></td>
            </tr>

            <tr class="newcomer_notic_lh3">
              <th class="al_l"><img
                src="images/newcomer/info_icon.gif"
                class="ic_6"> 비밀번호</th>
              <td colspan="3"><input id="app_pwd" name="app_pwd" type="password"
                class="new_txtfrom" maxlength="15" style="width: 150px;">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
                src="images/newcomer/info_icon.gif"
                class="ic_6"><b> 비밀번호 확인</b>&nbsp;&nbsp;&nbsp; <input
                id="txtPassword2" type="password" class="new_txtfrom"
                maxlength="15" style="width: 150px;"></td>
            </tr>


            <tr class="newcomer_notic_lh2">
              <th class="al_l"><img
                src="images/newcomer/info_icon.gif"
                class="ic_6"> E-mail</th>
              <td class="al_l" colspan="3"><input id="email_id"
                name="email_id" type="text" class="new_txtfrom" maxlength="30"
                style="width: 80px;"> @ <input id="email_addr"
                name="email_addr" type="text" class="new_txtfrom" maxlength="50"
                style="width: 150px;"> <input name="email" type="hidden"
                id="email"><input type="button" name="emailbtn" id="emailbtn" value="중복확인"></td>
            </tr>
            <tr class="newcomer_notic_lh3">
              <th class="al_l"><img
                src="images/newcomer/info_icon.gif"
                class="ic_6"> E-mail 확인</th>
              <td class="al_l" colspan="3"><input id="email_id2"
                type="text" class="new_txtfrom" maxlength="30"
                style="width: 80px;" onpaste="return false;"> @ <input
                id="email_addr2" type="text" class="new_txtfrom" maxlength="50"
                style="width: 150px;" onpaste="return false;"></td>
            </tr>

            <tr class="newcomer_notic_lh5">
              <td colspan="4">&nbsp;</td>
            </tr>

            <tr class="newcomer_notic_lh2">
              <th class="al_l va_t"><img
                src="images/newcomer/info_icon.gif"
                class="ic_6"> 개인정보<br>
              <span style="_padding-left: 40px;">&nbsp;&nbsp;&nbsp;취급방침</span></th>
              <td colspan="3"><iframe
                  src="https://www.elandscout.com/apply/Privateprotect.htm"
                  frameborder="0" style="width: 450px; height: 100px;"
                  class="new_textarea" marginwidth="0" marginheight="0"
                  scrolling="yes"></iframe></td>
            </tr>
            <tr class="newcomer_notic_lh3">
              <th class="al_l va_t"></th>
              <td colspan="3" class="pd_t5 al_r">
                <table width="470px" align="left">
                  <tbody>
                    <tr>                      
                      <td><label>위 개인정보취급방침에 <input name="agr_chr"
                          id="agr_chr" type="radio" value="Y">동의합니다. <input
                          name="agr_chr" id="agr_chr" type="radio" value="N">동의하지않습니다.
                      </label></td>
                    </tr>
                  </tbody>
                </table>

              </td>
            </tr>
            <tr class="newcomer_notic_lh5">
              <td colspan="4">&nbsp;</td>
            </tr>
            <tr class="newcomer_notic_lh2">
              <th class="al_l va_t"><img
                src="images/newcomer/info_icon.gif"
                class="ic_6"> 개인정보<br>
              <span style="_padding-left: 40px;">&nbsp;&nbsp;&nbsp;수집ㆍ이용ㆍ제공<br>
                <span style="_padding-left: 40px;">&nbsp;&nbsp;&nbsp;동의서</span></span></th>
              <td colspan="3"><iframe
                  src="https://www.elandscout.com/apply/Privateprotect1.htm"
                  frameborder="0" style="width: 450px; height: 100px;"
                  class="new_textarea" marginwidth="0" marginheight="0"
                  scrolling="yes"></iframe></td>
            </tr>
            <tr class="newcomer_notic_lh3">
              <th class="al_l va_t"></th>
              <td colspan="3" class="pd_t5  al_r">
                <table width="470px" align="left">
                  <tbody>
                    <tr>
                      <td><label> 위 개인정보 수집ㆍ이용에 <input
                          name="agr_chr11" id="agr_chr11" type="radio" value="Y">동의합니다.
                          <input name="agr_chr11" id="agr_chr11" type="radio"
                          value="N">동의하지않습니다.
                      </label><br> <label> 위 고유식별정보(주민등록번호 등) 수집ㆍ이용에 <input
                          name="agr_chr12" id="agr_chr12" type="radio" value="Y">동의합니다.
                          <input name="agr_chr12" id="agr_chr12" type="radio"
                          value="N">동의하지않습니다.
                      </label><br> <label> 위 민감정보(종교,건강관련정보) 수집ㆍ이용에 <input
                          name="agr_chr13" id="agr_chr13" type="radio" value="Y">동의합니다.
                          <input name="agr_chr13" id="agr_chr13" type="radio"
                          value="N">동의하지않습니다.
                      </label></td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr class="newcomer_notic_lh5">
              <td colspan="4">&nbsp;</td>
            </tr>


            <tr class="newcomer_notic_lh2">
              <th class="al_l va_t">&nbsp;&nbsp;</th>
              <td colspan="3"><iframe
                  src="https://www.elandscout.com/apply/Privateprotect2.htm"
                  frameborder="0" style="width: 450px; height: 100px;"
                  class="new_textarea" marginwidth="0" marginheight="0"
                  scrolling="yes"></iframe></td>
            </tr>
            <tr class="newcomer_notic_lh3">
              <th class="al_l va_t"></th>
              <td colspan="3" class="pd_t5 al_r">
                <table width="470px" align="left">
                  <tbody>
                    <tr>
                      <td><label> 위 개인정보 제공ㆍ공유에 <input
                          name="agr_chr21" id="agr_chr21" type="radio" value="Y">동의합니다.
                          <input name="agr_chr21" id="agr_chr21" type="radio"
                          value="N">동의하지않습니다.
                      </label><br> <label> 위 고유식별정보 제공ㆍ공유에 <input
                          name="agr_chr22" id="agr_chr22" type="radio" value="Y">동의합니다.
                          <input name="agr_chr22" id="agr_chr22" type="radio"
                          value="N">동의하지않습니다.
                      </label><br> <label> 위 민감정보 제공ㆍ공유에 <input
                          name="agr_chr23" id="agr_chr23" type="radio" value="Y">동의합니다.
                          <input name="agr_chr23" id="agr_chr23" type="radio"
                          value="N">동의하지않습니다.
                      </label></td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr class="newcomer_notic_lh5">
              <td colspan="4">&nbsp;</td>
            </tr>

            <tr class="newcomer_notic_lh2">
              <th class="al_l va_t">&nbsp;&nbsp;</th>
              <td colspan="3"><iframe
                  src="https://www.elandscout.com/apply/Privateprotect3.htm"
                  frameborder="0" style="width: 450px; height: 100px;"
                  class="new_textarea" marginwidth="0" marginheight="0"
                  scrolling="yes"></iframe></td>
            </tr>
            <tr class="newcomer_notic_lh3">
              <th class="al_l va_t"></th>
              <td colspan="3" class="pd_t5  al_r">
                <table width="470px" align="left">
                  <tbody>
                    <tr>
                      <td><label> 위 개인정보 취급 위탁에 <input name="agr_chr3"
                          id="agr_chr3" type="radio" value="Y">동의합니다. <input
                          name="agr_chr3" id="agr_chr3" type="radio" value="N">동의하지않습니다.
                      </label></td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr class="newcomer_notic_lh5">
              <td colspan="4">&nbsp;</td>
            </tr>

            <tr class="newcomer_notic_lh2">
              <th class="al_l va_t">&nbsp;&nbsp;</th>
              <td colspan="3"><iframe
                  src="https://www.elandscout.com/apply/Privateprotect4.htm"
                  frameborder="0" style="width: 450px; height: 100px;"
                  class="new_textarea" marginwidth="0" marginheight="0"
                  scrolling="yes"></iframe></td>
            </tr>
            <tr class="newcomer_notic_lh3">
              <th class="al_l va_t"></th>
              <td colspan="3" class="pd_t5 al_r">
                <table width="470px" align="left">
                  <tbody>
                    <tr>
                      <td><label> 위 내용 및 의미를 숙지하고 이에 <input
                          name="agr_chr4" id="agr_chr4" type="radio" value="Y">서약합니다.
                          <input name="agr_chr4" id="agr_chr4" type="radio"
                          value="N">서약하지않습니다.
                      </label></td>
                    </tr>
                  </tbody>
                </table>
              </td>
            </tr>
            <tr class="newcomer_notic_lh5">
              <td colspan="4">&nbsp;</td>
            </tr>



          </tbody>
        </table>
        <div class="ma_t40 pd_l245 pd_b30 al_r pd_r45">
          <img
            src="images/recruit/apply_btn_01.gif"
            alt="지원하기" style="cursor: pointer;" id="fnSubmit"> &nbsp;
            <img
            src="images/recruit/apply_btn_02.gif"
            alt="지원확인" style="cursor: pointer;" id="fnExist">
        </div>
        <div>
          <img src="images/recruit/bg_f.gif">
        </div>
      </div>
      <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
      <script type="text/javascript">
        $(function() {
          jQuery.ajaxSettings.traditional = true;

          $("#fnSubmit").click(
              function() {
                //이름합치기
                var name = $("#txtFamilyName").val();
                name += $("#txtFirstName").val();
                $("#test").attr('value', name);
                //이메일합치기
                var email = $("#email_id").val() + "@";
                email += $("#email_addr").val();
                $("#email").attr('value', email);
                //생년월일합치기
                var birth = $("#BirthDay_yy").val() + "-";
                birth += $("#BirthDay_mm").val() + "-"
                    + $("#BirthDay_dd").val();
                $("#birth").attr('value',birth);
                
                //유효성 체크
                
                if($("#rcrt_num").val()==""){
                  alert("채용구분을 선택해주세요")
                }else if($("#recruit_cd").val()==""){
                  alert("신입/경력부분을 선택해주세요")
                }else if($("#txtFamilyName").val()==""){
                  alert("성을 입력해주세요")
                }else if($("#txtFirstName").val()==""){
                  alert("이름을 입력해주세요")
                }else if($("#BirthDay_yy").val()==""){
                  alert("생년월일  년 을 입력해주세요")
                }else if($("#BirthDay_mm").val()==""){
                  alert("생년월일 월 을 입력해주세요")
                }else if($("#BirthDay_dd").val()==""){
                  alert("생년월일 일 을 입력해주세요")
                }else if($("#app_pwd").val()==""){
                  alert("비밀번호를 입력해주세요")
                }else if($("#txtPassword2").val()==""){
                  alert("비밀번호 확인을 입력해주세요")
                }else if($("#email_id").val()&$("#email_addr").val()==""){
                  alert("이메일을 입력해주세요")
                }else if($("#email_id2").val()&$("#email_addr2").val()==""){
                  alert("이메일확인 을 입력해주세요")
                }else if($("#agr_chr").checked==false){
                  alert("개인정보 취급 방침을 선택해주세요")
                }else if($("#agr_chr").val()=="N"){
                  alert("개인정보 취급방침에 동의해주세요")
                }else if($("#agr_chr11").checked==false){
                  alert("개인정보 수집이용을 선택해주세요")
                }else if($("#agr_chr11").val()=="N"){
                  alert("개인정보 수집이용에 동의해주세요")
                }else if($("#agr_chr12").checked==false){
                  alert("고유식별정보 수집ㆍ이용을 선택해주세요")
                }else if($("#agr_chr12").val()=="N"){
                  alert("고유식별정보 수집ㆍ이용에 동의해 주세요")
                }else if($("#agr_chr13").checked==false){
                  alert("민감정보 수집 이용을 선택해주세요")
                }else if($("#agr_chr13").val()=="N"){
                  alert("민감정보 수집 이용에 동의해주세요")
                }else if($("#agr_chr21").checked==false){
                  alert("개인정보 제공ㆍ공유를 선택해주세요")
                }else if($("#agr_chr21").val()=="N"){
                  alert("개인정보 제공ㆍ공유를 동의해 주세요")
                }else if($("#agr_chr22").checked==false){
                  alert("고유식별정보 제공ㆍ공유를 선택해주세요")
                }else if($("#agr_chr22").val()=="N"){
                  alert("고유식별정보 제공ㆍ공유를 동의해주세요")
                }else if($("#agr_chr23").checked==false){
                  alert("민감정보 제공ㆍ공유를 선택해주세요")
                }else if($("#agr_chr23").val=="N"){
                  alert("민감정보 제공ㆍ공유를 동의해주세요")
                }else if($("#agr_chr3").checked==false){
                  alert("개인정보 취급 위탁을 선택해주세요")
                }else if($("#agr_chr3").val()=="N"){
                  alert("개인정보 취급 위탁을 동의해주세요")
                }else if($("#agr_chr4").checked==false){
                  alert("개인정보 제공에 관한 서약 을선택해주세요")
                }else if($("#agr_chr4").val()=="N"){
                  alert("개인정보 제공에 관한 서약에 동의해주세요")
                }else{
                  document.form.submit();
                }
              });
          //지원확인 중복검사
          $("#fnExist").click(function(){
            //이름합치기
            var name = $("#txtFamilyName").val();
            name += $("#txtFirstName").val();
            $("#test").attr('value', name);
            //이메일합치기
            var email = $("#email_id").val() + "@";
            email += $("#email_addr").val();
            $("#email").attr('value', email);
            //생년월일합치기
            var birth = $("#BirthDay_yy").val() + "-";
            birth += $("#BirthDay_mm").val() + "-"
                + $("#BirthDay_dd").val();
            $("#birth").attr('value',birth);
            //비동기처리
            $.ajax({
              url : "identify.do",
              dataType : "json",
              type : "post",
              data : $("#form ").serializeArray(),
              success : function(data) {
                alert(data.key);
              },
              error : function(request, status, error) {

                console.log("code:" + request.status + "\n"
                    + "message:" + request.responseText
                    + "\n" + "error:" + error);
              }
            });
            
            
          });
          //이메일 중복검사
          $("#emailbtn").click(function(){
            //이메일합치기
            var email = $("#email_id").val() + "@";
            email += $("#email_addr").val();
            $("#email").attr('value', email);
            //비동기처리
            $.ajax({
              url : "emailoverlap.do",
              dataType : "json",
              type : "post",
              data : $("#form ").serializeArray(),
              success : function(data) {
                alert(data.key);
              },
              error : function(request, status, error) {

                console.log("code:" + request.status + "\n"
                    + "message:" + request.responseText
                    + "\n" + "error:" + error);
              }
            });
            
          });
        });

        function fnSubmit() {

          /* document.form.submit(); */
        }
      </script>
      <p class=" pd_t30">
        - 지원내용을 신중하게 작성하시고, 지원 내용 확인 후 저장하십시오.<br> - 지원서 접수여부는 '지원서
        접수'란의 '입사지원확인'을 통해 확인하십시오. <br> - 접수가 마감되는 시간까지 수정이 가능하며, 최종
        수정본이 저장됩니다. <br> - 최종제출 후에는 지원서 수정 및 변경이 불가하오니, 제출에 신중을 기하여
        주십시오.<br> - 비밀번호는 임의로 정하시되 입사원서 수정 시 필요하니 기억하시기 바랍니다.<br>
        - 기타 궁금하신 사항이 있으시면 <b><a
          href="http://www.elandscout.com/support/Qna.asp">1:1문의</a></b> 로 문의해
        주세요.
      </p>
    </div>
  </form>

  <!-- 컨텐츠 -->
</div>
